<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<html>
<head>
<%@ include file="/common/common.jsp"%>
<title>列表页面</title>
<style type="text/css">
.searchbox {
	margin-bottom: -6px;
}
</style>
</head>
<script type="text/javascript">
	$(function() {
		
		//禁用表单验证
		$("#buyOrderForm").form("disableValidation");
		
		$('#dg').datagrid({
			//设置为true,自动适应，不会出现滚动条，如果要冻结列，需要设置为false，并设置width值
			fitColumns : true,
			//width : 800,
			//设定是否换行显示数据， true为不换行
			nowrap : true,
			//指定主键字段
			idField : 'goodsId',			
			rownumbers : true,
			
			toolbar : [ {
				iconCls : 'icon-add',
				text : '添加商品',
				handler : function() {
					//alert('添加按钮');
					//指向父窗体的id为win的div
					parent.$('#win').window({   
						title : '选择和填写商品信息', 
					    width:800,    
					    height:256,
					    collapsible:false,
					    minimizable:false,
					    maximizable:false,
					    resizable:false,
					    draggable:false,
					    modal:true,
					    //通过加载新的页面填充内容
					    content:"<iframe src='${proPath}/base/goURL/goods/select.action' title='添加需采购商品' height='100%' width='100%' frameborder='0px' ></iframe>"
					});
				}
			}, '-', {
				iconCls : 'icon-remove',
				text : '删除商品',
				handler : function() {
					//$("#dg").datagrid("getSelections")
					//获取选中的记录
					var array = $("#dg").datagrid("getSelections");
					//alert(array);
					//判断是否选中
					if (array.length > 0) {
					//定义数组，通过下边的用来存储选中记录的Id
						//var ids = new Array();
						for (i = (array.length-1); i >=0;i--) {
							//ids[i] = array[i].goodsId;
							//alert(array[i].goodsId);
							//getRowIndex方法使用goodsId字段获取行索引号时，一般需要配置idField : 'goodsId',
							var rowid = $("#dg").datagrid("getRowIndex",array[i].goodsId);
							//alert("rowid："+rowid);
							$("#dg").datagrid("deleteRow",rowid);
							
						}

					} else {
						$.messager.show({
							title : '操作提示',
							msg : '请先选择要删除的记录。',
							timeout : 4000,
							showType : 'slide'
						});

					}

				}
			}, '-', {
				iconCls : 'icon-ok',
				text : '提交采购',
				handler : function() {
					alert('提交按钮');//getRows getColumnOption ,getData
					$("#buyOrderForm").form("enableValidation");
				    var array = $("#dg").datagrid("getData");
					 console.info(array);
					 console.info(array.rows);
					 
					if(array.rows.length==0){
					 	$.messager.alert('提示','请选择需要采购的商品！','info');
					 	return false;
					} 	
					
					$("#buyOrderForm").form("submit",{
						url: '${proPath}/buyOrder/insertBuyOrderOnForm.action',
						//param可以提交额外的参数
						onSubmit: function(param){
							var isValid = $(this).form('validate');
							param.rows=JSON.stringify(array.rows);
							return isValid;	// 如果返回false终止表单提交
						},
						success: function(){
							alert("操作成功！");								
						}
					
					});	

				}
			}],
		
	        //建议加入商品编号
			columns : [ [ {
				checkbox : true
			}, {
				field : 'goodsId',
				width : 100,
				title : '编号'
			}, {
				field : 'goodsName',
				title : '名称',
				width : 100
			}, {
				field : 'goodsUnit',
				title : '单位',
				width : 100
			}, {
				field : 'goodsType',
				title : '型号',
				width : 100
			}, {
				field : 'goodsColor',
				title : '颜色',
				width : 100,
				formatter : function(value, row, index) {
					//return valueToText("${applicationScope.sysParam.goodsColor}",value);
					return value;	
				}
			}, {
				field : 'bodAmount',
				title : '数量',
				width : 100
			}, {
				field : 'bodBuyPrice',
				title : '进价',
				width : 100
			}, {
				field : 'bodTotalPrice',
				width : 100,
				title : '总价'
			} ] ]
		});
		
		$("#supName").searchbox({
			searcher:function(value,name){ 
				//alert(value + "," + name);
				parent.$('#win').window({   
					title : '选择供应商', 
				    width:800,    
				    height:256,
				    collapsible:false,
				    minimizable:false,
				    maximizable:false,
				    resizable:false,
				    draggable:false,
				    modal:true,
				    //通过加载新的页面填充内容
				    content:"<iframe src='${proPath}/base/goURL/supplier/select.action' title='选择供应商' height='100%' width='100%' frameborder='0px' ></iframe>"
				});
			}, 
			prompt:'请选择供应商'
		});
		
		var box = $('#supName').searchbox('textbox');//获取控件文本框对象
   	    box.attr('disabled',true);// 设置无效，禁用输入

	});
</script>
<body style="margin:0px;">  
	<form style="padding:15px;margin:0px;background:#eee;" id="buyOrderForm" action="">
  	请填写采购信息：<br>
 	供应商：<input type="text" id="supName" name="supName">
 	<input type="hidden" id="supId" name="supId"/>
 	仓库：<select id="shId" class="easyui-combobox" name="shId" style="width:200px;">   
			<c:forEach items="${applicationScope.sysParam.shId}" var="shId">
				<option value="${shId.key}">${shId.value}</option>   
			</c:forEach>   
		</select>  
 	日期：<input  type="text" id="boDate"
				class="easyui-datebox" name="boDate" required="required"></input>

	应付：<input type="text" id="boPayable" name="boPayable"/><br>
	已付：<input type="text" id="boPaid" name="boPaid"/>
 	欠款：<input type="text" id="boArrears" name="boArrears"/>
 	原始单号：<input type="text" id="boOriginal" name="boOriginal"/><br>
 	经手人：<input type="text" id="boAttn" name="boAttn"/>
 	操作员：<input type="text" id="boOperatorStr" name="boOperatorStr" value="${sessionScope.exsitUser.accLogin}" readonly="readonly"/>
 	<input type="hidden" id="boOperator" name="boOperator" value="${sessionScope.exsitUser.accId}"/>
 	备注：<input type="text" id="boRemark" name="boRemark"/>
 </form>
	<table id="dg"></table>
</body>
</html>
